<iframe th:replace="common/top.html" width="100%" frameborder="0" scrolling="yes" class="x-iframe"></iframe>
<div id="BackLink">
    <a href="mainForm">Return to Main Menu</a>
</div>

<div id="Catalog">

    <h2 th:text="${category.name}"></h2>

    <table>
        <tr>
            <th>Product ID</th>
            <th>Name</th>
            <th>description</th>
        </tr>

        <tr th:each="product:${productList}">
            <td>
<!--                <a href="productForm?productId=${product.productId}" th:text="${product.productId}"></a>-->
                <a th:href="@{productForm(productId=${product.productId})}" th:text="${product.productId}"></a>
            </td>
            <td th:text="${product.name}"></td>
            <td th:utext="${product.description}"></td>
        </tr>

    </table>

</div>


<iframe th:replace="common/bottom.html" width="100%" frameborder="0" scrolling="yes" class="x-iframe"></iframe>


